<template>
	<CustomNavBarVue title="视图页面" @back="handleBack" />
	<view class="content">
		<!-- <image class="logo" src="/static/logo.png"></image> -->
		<view class="text-area">
			<!-- <text class="title">{{listData}}</text> -->
			<text v-for="(item,index) in listData" :key="index">
				{{item}}
			</text>
			<text>视图页面--list</text>
		</view>
	
		<button @click="oneClick">测试list接口</button>
		<button @click="jump">跳转页面按钮</button>
		<!-- <navigator url="/pages/about/about">跳转到</navigator> -->
		<!-- <web-view src="https://puhuicaizhi.com/wx/yingyong/login"></web-view> -->
		
	</view>
</template>

<script setup>
	import { smartNavigate } from '@/utils/navigate';
	import { ref } from 'vue';
	import {cinfoList} from '../../Api/user';
	import CustomNavBarVue from '../../components/customNavBar.vue';
	const listData = ref();
	const handleBack=()=>{
		if(getCurrentPages().length >1){
			uni.navigateBack()
		}else{
			// uni.navigateTo({
			// 	url:'/pages/login/login'
			// })
		}
		console.log(getCurrentPages());
	}
	const jump =()=>{
	
		// uni.switchTab({
		// 	url:'/pages/home/home'
		// })
	}
	const oneClick =()=>{
		cinfoList().then(res=>{
			if(res.code == 200){
				uni.showToast({
					title: "list测试成功", // 提示内容（必填）
					icon: "success", // 图标：success/error/loading/none（默认success）
					duration: 2000, // 显示时长（ms，默认1500）
					position: "top" // 位置：top/middle/bottom（默认middle）
				});
			listData.value = res.rows
			}
		}).catch(err=>{
			console.log(err);
			uni.showToast({
				title: 'list测试失败' , // 提示内容（必填）
				icon: "error", // 图标：success/error/loading/none（默认success）
				duration: 2000, // 显示时长（ms，默认1500）
				position: "top" // 位置：top/middle/bottom（默认middle）
			});
		})
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>